*, body {
    font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
html,body{
    width:100%;
}
body{
    background:#fff;
    margin:0;
    color:#4b4b4b;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table{
     table-layout:fixed;
}
.hidden{
    display:none !important;
}
.pull-left{
    float:left;
}
.pull-right{
    float:right;
}
.text-overflow {
    display:block;/*内联对象需加*/
    width:100%;
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

a,a:hover{text-decoration:none;}
ul{
    display:table;
    padding:0;
    margin:0;
}
ul li{
    list-style:none;
}
ul:after{ content:""; display:table; clear:both;}

.main-container-lg { max-width: 1920px; width: 100%;margin: 0 auto; }
.main-container { max-width: 1200px; margin: 0 auto; }
.then-container-lg { max-width: 1920px; width: 100%; margin: 0 auto; }
.then-container { max-width: 1040px; margin: 0 auto; }


.height-auto {height: 100%;}
.flex-parent {display: flex;}
.flex-parent .flex { flex: 1; }
.flex-parent.flex-row { flex-direction: row; }
.flex-parent.flex-column { flex-direction: column; }